<template>
  <div class="committee_box">
    <div v-if="content" v-html="content" class="hint v-html"></div>
    <div class="committee_list">
      <div v-for="(item, index) in list" :key="item.committeeId" class="item">
        <div
          v-html="item.committeeName"
          class="v-html"
          style="margin-bottom: 10px"
        ></div>
        <img
          class="test_img_url"
          :src="'http://oss.cbda1984.com/' + index + '.png'"
        />
      </div>
    </div>
  </div>
</template>

<script lang="ts">
import { defineComponent, onMounted, reactive, toRefs } from "vue";
import { useRouter } from "vue-router";
import { findCommitteeList } from "@/utils/apis/home";
export default defineComponent({
  name: "NavBar",
  props: {
    content: {
      type: String,
      default: "",
    },
  },
  setup(props) {
    const router = useRouter();
    const state = reactive({
      list: [],
    });
    onMounted(async () => {
      const res = await findCommitteeList();
      state.list = res.data;
    });
    return { ...toRefs(state) };
  },
});
</script>
<style lang="scss" scoped>
.committee_box {
}
</style>
